<template>
  <div class='card-title'>
    <span>{{ text }}</span>
  </div>
</template>

<script>
export default {
  name: 'CardTitle',
  props: {
    text: String
  }
}
</script>

<style scoped>
.card-title {
  border-left: solid 3px #1677FF;
  padding-left: 8px;
  font-size: 16px;
  font-weight: 600;
  margin: 12px 0;
}
</style>